@media only screen and (max-width: 1140px) {
     input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
         font-size: 16px;
    }
     #contentwrapper {
         width: 100%;
         padding-bottom:140px;
    }
     .fontSize11 {
         font-size: 12px;
         font-weight: bold;
    }
     .fontSize13 {
         font-size: 15px;
         font-weight: bold;
    }
     .fontSize24 {
         font-size: 16px;
         font-weight: bold;
    }
     .fontSize43 {
         font-size: 40px;
         font-weight: bold;
    }
    .fontSize42 {
        font-size: 26px;
        font-weight: bold;
    }
    .fontSize40 {
        font-size: 22px;
        font-weight: bold;
    }

    .fontSize160 {
         font-size: 200px;
         font-weight: bold;
    }
    /* NAVI */
     .topnav a:not(:first-child) {
         display: none;
    }
     .topnav a.icon {
         float: right;
         display: block;
    }
    #headerTop {
        height: 120px;
        padding-top: 10px;
    }
    #lnkStartpage {
        float: none;
        text-align: center;
        margin: 0 auto;
        
        position:relative;
    }
    .headtext {
        margin:0 auto;
        float: none;
        left:0;
        text-align:center;
    }
     #naviTop {
         display: none;
    }
     .topnav {
         background-color:#8a8a8a;
         overflow: hidden;
         display: block;
         margin-top:10px;
    }
     .topnav a {
         float: left;
         display: block;
         color: #f2f2f2;
         text-align: center;
         padding: 14px 16px;
         text-decoration: none;
         font-weight: bold;
    }
     .topnav a:hover {
         background-color: #1E1F3E;
         color: #FFFFFF;
    }
     .topnav .icon {
         display: none;
    }
     .subnavi{
         padding: 10px 30px !important;
         font-size: 15px !important;
    }
     /*Contact-Data*/

    #ContactInfo {
        width: calc(100% - 230px);
        font-size:12px;
    }
    #ContactMap {
        width: calc(100% - 20px);
        margin-top:10px;
        margin-bottom:10px;
    }

    /* FOOTER */

    
     #footernav{
         float:none;
         margin:0 auto;
         display:inline-block;
         position:relative;
         width: 100%;
         text-align: center;
         margin-top:25px;
    }
     #contactInfo span{
         font-size:13px !important;
    }

    #divInternalNavigation .btnBlue {
        width:calc(100% - 12px);
        border-bottom:1px solid white;
        display:block;
    }
    .divTransparenz .divPopup {
        margin: 10px !important;
        width: calc(100% - 40px) !important;     
        padding:10px !important;
        left: 0 !important;
    }
    /*------------------------------------------*/
    /* Startseite */
    /*------------------------------------------*/
    .mobilecontenthr {
        display: block;
        width: calc(100% - 110px);
        margin: 0 auto;
        margin: 55px;
        margin-top: 30px;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }
    /* HEADER */
     #header {
         top:0px;
         width: 100%;
         height: 0;
         min-height: 100px;
    }
    .divMenue {
        visibility:hidden;
        display:none;
    }
    .baseDataLink {
        -webkit-appearance: none;
        border-radius:0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        font-size:10px;
    }

    .WhiteBox .Picture {
        width: calc(100% - 20px) !important;
    }
    .WhiteBox .ExclamationMark {
        font-size:150px;
        width:20% !important;
    }
    .WhiteBox .TextBetweenPicture3Columns {
        width:calc(80% - 20px) !important;
    }
    .WhiteBox .TextBetweenPicture2Columns {
        width:calc(100% - 20px) !important;
    }

    .BlueBox .Picture {
        width: calc(100% - 20px) !important;
    }
    .BlueBox .ExclamationMark {
        font-size:150px;
        width:20% !important;
    }
    .BlueBox .TextBetweenPicture3Columns {
        width:calc(80% - 20px) !important;
    }
    .BlueBox .TextBetweenPicture2Columns {
        width:calc(100% - 20px) !important;
    }

    .lnkBlue {
        width:80% !important;
    } 
    /* REGISTER */
    #tblRegister tr:first-child td:first-child{
        width:100px !important;
    }
    /* CLIENTINFO */
    #tblAccountOverview tr:first-child td:first-child {
        width: 100px !important;
    }
    #tdAccountOverViewButtons input{
        width:calc(100% - 12px);
        margin-bottom:2px;
    }
    #divExample {
        text-align: center;
        background-size: 150px;
        background-position: right 20px top 190px;
        margin-top: 50px;
    }
     #divExample table {
         text-align: left;
    }
     .advice {
         margin-top: 20px;
    }
     .Service, .Service #divAllInklusive{
         text-align:center;
    }
     .topnav.responsive {
         position: relative;
    }
     .topnav.responsive a.icon {
         position: absolute;
         right: 0;
         top: 0;
    }
     .topnav.responsive a {
         float: none;
         display: block;
         text-align: left;
    }
     .mobileEmergencyLink{
         background-color:red;
     }

     #divExample div{
         width:100% !important;
         text-align:center !important;
     }
     #divExample .fontSize22{
         font-size:18px !important;
     }
     #divExample .fontSize48{
         font-size:30px !important;
     }
    .homeback .claim p{
        font-size:26px;
    }
    .homeback ul{
        width:100%;
        margin-top:0;
    }
    .homeback li{
        background-size:18px;
    }
}

/*------------------------------------------*/
/* iPhone 2G - 5s                           */
/*------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    body { -webkit-text-size-adjust: none; }
    #divIntroText{
        padding:10px !important;
        padding-bottom:20px !important;
    }

     h2.fontSize43{
         font-size:22px !important;
    }
     .width200 {
         width: 80px;
    }
     .width250 {
         width: 130px;
    }
     #ulNavi li{
         width:27%;
    }
     #ulNavi input{
         font-size:8px;
    }
     #divAccountContent{
         padding:0px;
    }
    /*Startseite*/
     .lnktest, .bannerText a, #stammgastText a, #CardFrontText a{
         font-size:11px;
    }
     #stammgast{
         height:420px !important;
    }
     .bxslider .bannerText {
         top:10px;
         left:10px;
    }
     .bannerText .fontSize13{
         font-size:8px;
         line-height:11px;
    }
     .bxslider .bannerText .fontSize11{
         margin-top:0px;
         display:inline-block;
    }
     .bxslider a{
         margin-top:0px;
         display:inline-block;
         font-size:10px;
         background-color:transparent;
         background-image:none;
         padding:0;
    }
     #divCardBack, #divCardBack tr{
         text-align:center;
    }
     #divCardBack span.fontSize43{
         font-size:20px;
    }
     #divCardBack span.fontSize22{
         font-size:16px;
    }
    .contenthr{
         width:calc(100% - 2px);
     }
    /*Service*/
     #Service{
         padding:10px !important;
    }
     #Service hr{
         margin: 10px 0 10px 0;
    }
     .h3Service{
         font-size:14px !important;
     }
     #divAllInklusive, #divServiceBlue{
         text-align:center;
    }
     #imgAllInklusive {
         float:none !important;
         margin:0 auto !important;
         display:inline-block !important;
         margin-top:40px;
         width:300px;
    }
     #divAllInklusive .fontSize43{
         display:block !important;
    }
     #divServiceBlue .lnktest{
         margin:0 !important;
         margin-bottom:10px !important;
    }
    /*FAQ*/
     #FAQ{
         padding:10px !important;
    }
     .ui-accordion .ui-accordion-header{
         font-size:12px !important;
    }
     #faqContact h3.fontSize22{
         font-size:14px;
    }
     #faqContact .lnktest{
         padding-top:0 !important;
         padding-bottom:0 !important;
    }
     .divFAQPopup{
         width:280px !important;
         margin-left:-150px !important;
         padding:10px !important;
         font-size:12px;
    }
     #footer{
         padding-bottom:60px;
    }
    #footernav{
        color:#212E50 !important;
    }
    #footernav a{
        color:white !important;
    }
     /*INTERN ALLGEMEIN*/
     #ulNavi{
         height:30px !important;
     }
     #ulNavi li{
         width:21.9% !important;  
         height:30px !important;       
     }
     #ulNavi input{
         font-size:8px !important;
         padding:5px !important;
         height:30px !important;
     }
     /*Account*/
    #tblAccountContent td{
        padding:0px !important;
        padding-bottom:5px !important;
    }
    .divAccount .lnktest{
        font-size:16px !important;
    }
    #divAccountRight .lnktest{
        margin-top:10px !important;
    }
    #divAccoutDelete, #divPassword{
        margin-top:25px;
    }
    #divAccoutDelete *{
        font-size:11px !important;        
    }
    #divAccoutDelete .lnktest:nth-of-type(1){
        width:35% !important;
        float:left;        
    }
    #divAccoutDelete .lnktest:nth-of-type(2){
        width:35% !important;
        float:right;
    }
    /*Neuer Pfand*/
    .divNewArticleLeft, #divNewArticleRight{
         width:100% !important;
         margin-left:0 !important;
         margin-right:0 !important;
     }
    #divNewArticleRight{
        margin-top:20px !important;
    }
    #divNewDeposit #divAccountContent .lnkLightBlue{
        width:90% !important;
    }
        .lnkFileUpload{
        margin-bottom:30px;
    }
    /*------------------------------------------*/
    /* CHECKOUTDATA         					*/
    /*------------------------------------------*/
    .divCheckoutData{
        padding-bottom:25px;
        margin-bottom:25px !important;
    }
    .divCheckoutData .divAccountLeft, .divCheckoutData .divAccountRight, .divCheckoutData #divDeliveryAdress{
        width:100% !important;
    }
    .mobileZeroLength{
        width:0 !important;
    }
}
/*------------------------------------------*/
/* iPhone 2G - 5s in portrait               */
/*------------------------------------------*/
 @media only screen and (min-device-width: 320px) and (max-device-width: 568px)  and (orientation : portrait) {
    /*Account*/
    .divAccount{
        padding:10px !important;
    }
    #divAccountLeft{
        width:100%;
        float:left;
        margin-right:0;
    }
    #divAccountRight{
        width:calc(100% - 10px);
        float:right;
        margin-left:0;
        padding:5px !important;
    }
    #divAccoutDelete, #divPassword{
         width:280px !important;
         margin-left:-150px !important;
         padding:10px !important;
    }
    /*Pfandliste*/
    .divArticleImage, .divArtName, .divArtDetails{
        text-align:center;
    }
    .divArticleImage{
        width:100%;
        min-height:50px;
        float:left;
    }
    .divArtName, .divArtDetails{
        width:100%;
        float:left;
    }
    .listHeader{
        margin:10px;
        text-align:center;
        display:block;
    }
    .divButtons{
        text-align:center;
        margin-top:5px;
    }
    /*------------------------------------------*/
    /* CHECKOUTOFFER         					*/
    /*------------------------------------------*/
    #divArticleDetails, #divOfferDetails{
        width:100%;
        float:left;
    }   
    #divArticleDetails{
        text-align:center;
    } 
    #divOfferDetails{
        margin-top:10px;
    }
    #divOfferDetails tr td:first-child{
        text-align:left;
    }
    /*------------------------------------------*/
    /* CHECKOUTSHIPPMENT         				*/
    /*------------------------------------------*/
    .imgShippmentIcon{
        width:50px !important;
    }
    .divCheckoutShippment h2{
        font-size:16px !important;
    }
    .divCheckoutShippment{
        margin-bottom:25px !important;
        padding-bottom:25px !important;
    }
    /*------------------------------------------*/
    /* CHECKOUTPAYMENT         				    */
    /*------------------------------------------*/
    .divCheckoutPayment{
        margin-bottom:25px !important;
        padding-bottom:25px !important;
    }
    /*------------------------------------------*/
    /* CHECKOUTSUMMARY         				    */
    /*------------------------------------------*/
    .divCheckoutSummary{
        margin-bottom:25px !important;
        padding-bottom:25px !important;
    }
    .divCheckoutSummary .divAccountLeft, .divCheckoutSummary .divAccountRight{
        width:100% !important;
    }
    .divCheckoutSummary .divAccountRight{
        margin-top:10px;
    }
    .divCheckoutSummary .lnktest{
        font-size:10px !important;
    }
    /*------------------------------------------*/
    /* RELEASEDEPOSIT         				    */
    /*------------------------------------------*/
    .divReleaseDeposit{
        margin-bottom:25px !important;
        padding-bottom:25px !important;
    }
    /*------------------------------------------*/
    /* RELEASESUMMARY         				    */
    /*------------------------------------------*/
    .divReleaseSummary{
        margin-bottom:25px !important;
        padding-bottom:25px !important;
    }
    .divReleaseSummary #tblPositions *{
        font-size:12px !important;
    }
    .divReleaseSummary .lnktest{
        font-size:10px !important;
    }
}
/*------------------------------------------*/
/* iPhone 2G - 5S in landscape              */
/*------------------------------------------*/
 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
     .bxslider .fontSize13 {
         font-size: 16px;
    }
     .bxslider .fontSize11 {
         font-size: 16px;
    }
     .bxslider .bannerText {
         top:30px;
         left:30px;
    }
     .bxslider a {
         font-size: 14px;
    }

     #divAccountLeft{
        width:49% !important;
        float:left !important;
        margin-right:1% !important;
    }
    #divAccountRight{
        width:49% !important;
        float:right !important;
        margin-left:1% !important;
    }
    /*Pfandliste*/
    .divArticleWrapper .spanTitel{
        font-size:16px;
    }
    .divArticleWrapper .spanIdent{
        font-size:14px;
    }
}
 /*------------------------------------------*/
/* iPhone 6, 7, & 8 Plus                    */
/*------------------------------------------*/
 @media only screen and (min-device-width: 375px) and (max-device-width: 736px) {
     body { -webkit-text-size-adjust: none;overflow-x: hidden }
         #divIntroText{
        padding:10px !important;
                padding-bottom:20px !important;
    }
     #divExample {
         padding: 20px;
         background-size: 100px;
         background-position: right 10px top 100px;
         margin-top:50px;
    }
     h2.fontSize43{
         font-size:22px !important;
    }
     .width200 {
         width: 80px;
    }
     .width250 {
         width: 130px;
    }
     #ulNavi li{
         width:27%;
    }
     #ulNavi input{
         font-size:8px;
    }
     #divAccountContent{
         padding:0px;
    }
    /*Startseite*/
     .lnktest, .bannerText a, #stammgastText a, #CardFrontText a{
         font-size:11px;
    }
     #stammgast{
         height:420px !important;
    }
     .bxslider .bannerText {
         top:10px;
         left:10px;
    }
     .bannerText .fontSize13{
         font-size:8px;
         line-height:11px;
    }
     .bxslider .bannerText .fontSize11{
         margin-top:0px;
         display:inline-block;
    }
     .bxslider a{
         margin-top:0px;
         display:inline-block;
         font-size:10px;
         background-color:transparent;
         background-image:none;
         padding:0;
    }
     .contenthr{
         width:calc(100% - 2px);
     }
    /*Service*/
     #Service{
         padding:10px !important;
    }
     #Service hr{
         margin: 10px 0 10px 0;
    }
     #divAllInklusive, #divServiceBlue, .h3Service{
         text-align:center;         
    }
     #imgAllInklusive {
         float:none !important;
         margin:0 auto !important;
         display:inline-block !important;
         margin-top:40px;
    }
     #divAllInklusive .fontSize43{
         display:block !important;
    }
     #divServiceBlue .lnktest{
         margin:0 !important;
         margin-bottom:10px !important;
    }
    /*FAQ*/
     #FAQ{
         padding:10px !important;
    }
     .ui-accordion .ui-accordion-header{
         font-size:14px !important;
    }
     #faqContact h3.fontSize22{
         font-size:14px;
    }
     #faqContact .lnktest{
         padding-top:0 !important;
         padding-bottom:0 !important;
    }
     .divFAQPopup{
         width:340px !important;
         margin-left:-180px !important;
         padding:10px !important;
    }
     #footer{
         padding-bottom:60px;
    }
    #footernav{
        color:#212E50 !important;
    }
    #footernav a{
        color:white !important;
    }
    /*Neuer Pfand*/
    .divNewArticleLeft, #divNewArticleRight{
         width:100% !important;
         margin-left:0 !important;
         margin-right:0 !important;
     }
    #divNewArticleRight{
        margin-top:20px !important;
    }
    #divNewDeposit #divAccountContent .lnkLightBlue{
        width:90% !important;
    }
    .lnkFileUpload{
        margin-bottom:30px;
    }
    /*------------------------------------------*/
    /* CHECKOUTDATA         					*/
    /*------------------------------------------*/
    .divCheckoutData{
        padding-bottom:25px;
        margin-bottom:25px !important;
    }
    /*.divCheckoutData .divAccountLeft, .divCheckoutData .divAccountRight, .divCheckoutData #divDeliveryAdress{
        width:100% !important;
    }
    .mobileZeroLength{
        width:0 !important;
    }*/

}
 /* iPhone 6, 7, & 8 Plus in portrait       */
/*------------------------------------------*/
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: portrait) {
    /*Pfandliste*/
    .divArticleImage, .divArtName, .divArtDetails{
        text-align:center;
    }
    .divArticleImage{
        width:100%;
        min-height:50px;
        float:left;
    }
    .divArtName, .divArtDetails{
        width:100%;
        float:left;
    }
    .listHeader{
        margin:10px;
        text-align:center;
        display:block;
    }
    .divButtons{
        text-align:center;
        margin-top:5px;
    }
}
/*------------------------------------------*/
/* iPhone 6, 7, & 8 Plus in landscape       */
/*------------------------------------------*/
 @media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) {
     .bxslider .fontSize13 {
         font-size: 16px;
    }
     .bxslider .fontSize11 {
         font-size: 16px;
    }
     .bxslider .bannerText {
         top:30px;
         left:30px;
    }
     .bxslider a {
         font-size: 14px;
    }
    /*Pfandliste*/
    .divArticleWrapper .spanTitel{
        font-size:16px;
    }
    .divArticleWrapper .spanIdent{
        font-size:14px;
    }
    .divArticleWrapper{
    margin-top:10px;
    }
    .divArticleImage{
        width:180px;
        min-height:50px;
        float:left;
    }
    .divArtName, .divArtDetails{
        width:calc(50% - 90px);
        float:left;
    }
    .divArtDetails{
        text-align:right;
    }
    .divButtons{
        width:100%;
        text-align:right;
    }
    /*------------------------------------------*/
    /* CHECKOUTDATA         					*/
    /*------------------------------------------*/
    .divCheckoutData{
        padding-bottom:25px;
        margin-bottom:25px !important;
    }
}
/*------------------------------------------*/
/* iPad in portrait & landscape */
/*------------------------------------------*/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
     .bxslider .fontSize13 {
         font-size: 20px !important;
    }
     .bxslider .fontSize11 {
         font-size: 17px !important;
    }
     .fontSize11 {
         font-size: 19px;
         font-weight: bold;
    }
     .fontSize13 {
         font-size: 24px;
         font-weight: bold;
    }
     .fontSize22 {
         font-size: 29px;
         font-weight: bold;
    }
     .fontSize43 {
         font-size: 49px;
         font-weight: bold;
    }
     .fontSize160 {
         font-size: 200px;
         font-weight: bold;
    }
     #stammgast {
         height: 400px;
    }
     #Home #divAllInklusive {
         width: 100%;
         padding: 0;
    }
     #Home #divAllInklusive img {
         width: 50%;
    }
     #divCardBack {
         width: 100% !important;
         padding: 0;
    }
     #divCardBack img {
         width: 50% !important;
    }
     #divExample {
         text-align: center;
         background-size: 150px;
         background-position: right 80px;
         margin-top:50px;
    }
     .ckbText input[type=checkbox] {
         visibility: visible;
         display:inline-block;
    }
     .ckbText input[type="checkbox"] + label::before {
         content: "";
         display:none;
    }
     .ckbText input[type="checkbox"]:checked + label::before {
         content: "";
         display:none;
    }
     .ckbText label{
         font-style:italic;
         display:inline;
         font-size:14px;
    }
    /*Service*/
     #divServiceBlue{
         background-position: right center;
    }
}
/*------------------------------------------*/
/* iPad in landscape */
/*------------------------------------------*/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
     .bxslider .fontSize13 {
         font-size: 24px !important;
    }
     .bxslider .fontSize11 {
         font-size: 21px !important;
    }
}